// 这个系统有关于节点流程图的 都用这个样式
.txt-center{
  text-align: center;
}
p{
    margin: 0;
    padding: 0;
  }
.scroll-item{
 width: 200px;
 height: 250px;
 font-size: 14px;
 box-sizing: border-box;
 border: 1px solid #ccc;
 .name{
    @extend .txt-center;
    padding-top: 25px;
 }
 .flow{
   font-size: 18px;
   padding-top: 48px;
   @extend .txt-center;
   margin: 0 46px;
   width: 108px;
 }
 .lines{
   margin-top: 19px;
   margin-bottom: 24px;
   display: flex;
   align-items: center;
   .line-item,.right-line{
      width: 90px;
      height: 2px;
      background-color: #000;
   }
   .left-line{
     @extend .line-item;
   }
   .round,.center-round{
     width: 20px;
     height: 20px;
     border-radius: 50%;
     background-color: #000;
   }
 }
 .nodeCapacity{
    margin: 0 25px;
    // @extend .txt-center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 设置最大显示行数 */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
 }
}
.scroll-container{
  display: flex;
}
